
<div class="content">
    <style>
    .div1 {
        display: flex;
        width: 300px;
        font-size: 14px;
    }

    .title {
        flex: 80px 0 0;

    }

    .content {
        flex: 1;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    </style>
    <textarea id="pre">
            .div1{
                display:flex;
                width: 300px;
                font-size: 14px;
            }
            .title{
                flex: 80px 0 0;
                
            }
            .content{
                flex: 1;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            <div class="div1">
                <div class="title">标题而已</div>
                <div class="content">内容而已内容而已内容而已内容而已内容而已内容而已内容而已内容而已内容而已</div>
            </div>
      </textarea>
    <div class="show-box">
        <h3 class="show-title">表现</h3>
        <div class="show-content">
            <div class="div1">
                <div class="title">标题而已</div>
                <div class="content">内容而已内容而已内容而已内容而已内容而已内容而已内容而已内容而已内容而已</div>
            </div>
        </div>
    </div>
</div>